@mainColor   : rgb(69, 210, 168);
body {
    background: url(../images/login.jpg);
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
    background-attachment: fixed;
}
.czq_header{
    position: static;
    .container{
        img {
            width: 50px;
            height: 50px;
            margin-top: 5px;
            border-radius: 10%;
            &:hover {
                box-shadow: 0 0 5px red;
            }
        }
        ul {
            li {
                width: 100px;
            }
        }
    }
}
.main {
    .success{
        color: @mainColor;
    }
    .failure {
        color: red;
    }
    margin-top: 100px;
    color: #eee;
    .container{
        display: flex;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .changepassword {
        text-align: center;
        label {
            margin-top: 30px;
            input {
                margin-left: 5px;
            }
            &.password {
                position: relative;
                #password-info {
                    position: absolute;
                    top: 40px;
                    left: 26px;
                    font-size: 14px;
                    color: rgb(255, 92, 122);
                    width: 200px;
                }
            }
        }
        button {
            margin-top: 20px;
        }
    }
    .left {
        flex: 1;
        height: 1000px;
        ul {
            padding-top: 5px;
            width: 100%;
            text-align: center;
            li {
                margin-right: 15px;
                height: 50px;
                line-height: 50px;
                border: 1px solid transparent;
                cursor: pointer;
                &:hover {
                    border: 1px solid @mainColor;
                }
                &.now {
                    border: 1px solid @mainColor;
                }
                a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .right {
        flex: 4;
        height: 2000px;
        border-left: 1px solid @mainColor;
        padding: 20px 10%;
        .submit {
            margin-top: 40px;
            width: 80px;
            height: 40px;
            background-color: @mainColor;
            margin-left: 50%;
            transform: translateX(-50%);
        }
        .my-form {
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #111;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
        .my-form[disabled] {
            color: #aaa;
        }
        .baseinfo {
            display: flex;
            .baseinfo-left{
                margin-top: 30px;
                flex: 1;
                text-align: center;
                input{
                    width: 95px;
                    margin-left: 50%;
                    transform: translateX(-50%);
                }
            }
            .baseinfo-right{
                flex: 3;
                input {
                    margin-top: 30px;
                }
                button {
                    background-color: @mainColor;
                }
                .txtarea {
                    margin-top: 30px;
                    display: flex;
                    textarea {
                        width: 50%;
                        margin-left: 5px;
                        resize: none;
                    }
                }
                .gender{
                    input {
                        margin-left: 10px;
                    }
                }
                .birthday {
                    margin-top: 30px;
                    select {
                        margin-left: 5px;
                    }
                }
            }
        }
    }
}